<link rel='stylesheet' href='/media/contact.css' type='text/css' />
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.min.js"></script>
<script type="text/javascript" src="/media/js/jquery.form.js"></script>

<link rel="stylesheet" href="/media/js/reveal/reveal.css">

<script src="/media/js/reveal/jquery.reveal.js" type="text/javascript"></script>

<script type="text/javascript"> 

// post-submit callback 
function showResponse(data){ 
	$('#contact').html("<div id='message'></div>");  
    $('#message').html("<h2>Formulari de contacte enviat</h2>")  
    	.append("<p>Moltes gràcies per ficar-se en contacte amb nostaltres. Haviat rebrà notícies nostres.</p>")
		.append("<img id='checkmark' src='/media/pics/bullet_accept.png' />")  
    	.hide()  
    	.fadeIn(1500); 	
} 

$().ready(function() {
	
	$('#revealContact').click(function(e) {
		e.preventDefault();
		$('#ContactModal').reveal();
    });
	
	$("#contact").validate({
		rules: {
			name: "required",
			sender: {required: true, email: true},
			message: "required",
		},
		messages: {
			name   : "Aquest camp és obligatori.",
			sender  : {required: "Aquest camp és obligatori", email: "Introdueixi una direcció de email válida."},
			message: "Aquest camp és obligatori."
		},
		submitHandler: function(form) {
   			$(form).ajaxSubmit({
				success: showResponse, // post-submit callback 
				dataType: 'json',
				clearForm: true
			});
			return false;
   		}
	});	
});


</script> 